* {
  box-sizing: border-box;
}



/*修改滚动条样式结束*/

.page-container{
  height: calc(100vh - 50px);
  width: 100vw;
  position: relative;
  overflow: auto;
}

.flex {
  display: flex;
  flex-flow: row wrap;
}

.flex-flow-column {
  flex-flow: column !important;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-x {
  .flex;
  justify-content: center;
}

.flex-center-y {
  .flex;
  align-items: center;
}

.flex-space-between {
  .flex;
  justify-content: space-between;
}

.flex-space-around {
  .flex;
  justify-content: space-around;
}